<!DOCTYPE html>
<html lang="en">
<head>
    <!-- Meta -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- SITE TITLE -->
    <title>SPF</title>
    <!-- Latest Bootstrap min CSS -->
    <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
    <!-- Google Font -->
    <link href="http://fonts.googleapis.com/css?family=Cousine:400,700|Montserrat:400,700" rel="stylesheet" type="text/css">
    <!-- Font Awesome(象形异体字) CSS -->
    <link rel="stylesheet" href="assets/fonts/font-awesome.min.css">
    <!-- venobox -->
    <link rel="stylesheet" href="assets/venobox/css/venobox.css" />
    <!--- owl carousel Css-->
    <link rel="stylesheet" href="assets/owlcarousel/css/owl.carousel.css">
    <link rel="stylesheet" href="assets/owlcarousel/css/owl.theme.css">
    <!-- animate CSS -->
    <link rel="stylesheet" href="assets/css/animate.css">
    <!-- Style CSS -->
    <link rel="stylesheet" href="assets/css/style.css">
    <!-- CSS FOR COLOR SWITCHER(彩色切换器) -->
    <link rel="stylesheet" href="assets/css/switcher/switcher.css">
    <link rel="stylesheet" href="assets/css/switcher/style1.css" id="colors">
    <script type="text/javascript" src="http://pic9.tianqijun.com/static/tqgg/shicha.js"></script>
</head>

<body data-spy="scroll" data-offset="80">
<!-- 预加载器 -->
<div class="preloader">
    <div class="status">
        <div class="status-mes"><h4>SPF</h4></div>
    </div>
</div>
<!-- END PRELOADER -->

<!-- 导航栏 -->
<div class="navbar navbar-default navbar-fixed-top menu-top">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="sr-only">SPF</span>
            </button>
            <a href="index.html" class="navbar-brand"><img src="assets/img/logo.png" alt="logo"></a>
        </div>
        <div class="navbar-collapse collapse">
            <nav>
                <ul class="nav navbar-nav navbar-right">
                    <li><a class="page-scroll" href="#home">首页</a></li>
                    <li><a class="page-scroll" href="#blog">最近共享</a></li>
                    <li><a class="page-scroll" href="#portfolio">共享物品</a></li>
                    <li><a class="page-scroll" href="#about">关于</a></li>
                    <li><a class="logo" onclick="logo()" href="#">登陆注册</a></li>
                </ul>
            </nav>
        </div>
    </div>
</div>
<!-- END NAVBAR -->

<!-- 主页 -->
<section id="home" class="welcome-area">
    <div class="welcome-slider-area">
        <div id="welcome-slide-carousel" class="carousel slide carousel-fade" data-ride="carousel">
            <ol class="carousel-indicators carousel-indicators-slider">
                <li data-target="#welcome-slide-carousel" data-slide-to="0" class="active"></li>
                <li data-target="#welcome-slide-carousel" data-slide-to="1"></li>
                <li data-target="#welcome-slide-carousel" data-slide-to="2"></li>
            </ol>
            <div class="carousel-inner" role="listbox">
                <div class="item active">
                    <div class="single-slide-item slide-1">
                        <div class="single-slide-item-table">
                            <div class="single-slide-item-tablecell">
                                <div class="container">
                                    <div class="row">
                                        <div class="col-md-12">
                                            <h2>校园共享交易平台SPF</h2>
                                            <h2 style="font-family: 楷体;">让校园没有闲置的物品</h2>
                                            <a class="btn btn-default btn-home-bg page-scroll" href="#about">了解更多</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="single-slide-item slide-2">
                        <div class="single-slide-item-table">
                            <div class="single-slide-item-tablecell">
                                <div class="container">
                                    <div class="row">
                                        <div class="col-md-12">
                                            <h2>校园共享交易平台SPF</h2>
                                            <h2 style="font-family: 楷体;">把人与人之间的关系拉得更近</h2>
                                            <a class="btn btn-default btn-home-bg page-scroll" href="#about">了解更多</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="single-slide-item slide-3">
                        <div class="single-slide-item-table">
                            <div class="single-slide-item-tablecell">
                                <div class="container">
                                    <div class="row">
                                        <div class="col-md-12">
                                            <h2>校园共享交易平台SPF</h2>
                                            <h2 style="font-family: 楷体;">让共享经济成为新的时尚</h2>
                                            <a class="btn btn-default btn-home-bg page-scroll" href="#about">了解更多</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- END  HOME DESIGN -->

<!-- 近期分享  -->
<section id="blog" class="latest_blog section-padding">
    <div class="container">
        <div class="row">
            <div class="section-title text-center wow zoomIn">
                <h2>最近共享</h2>
                <span></span>
                <p>线上智能共享平台服务近期上传共享资源，武装你的所有兴趣爱好</p>
            </div>
            <div class="col-md-4 col-sm-4 col-xs-12">
                <div class="single_blog">
                    <a href="shopping/shop.html"><img src="assets/img/book/1.jpg" alt="" class="img-responsive"></a>
                    <div class="blog-text wow fadeInLeft">
                        <span><i class="fa fa-eye"></i> 249 看过</span><span><i class="fa fa-comments-o"></i> 08 评论</span>
                        <h4>闲置书籍</h4>
                        <a class="btn-blog-bg" href="shopping/shop.html">查看更多</a>
                    </div>
                </div><!--- END SINGLE BLOG POST -->
            </div><!--- END COL -->
            <div class="col-md-4 col-sm-4 col-xs-12">
                <div class="single_blog">
                    <img src="assets/img/sport/1.jpg" alt="" class="img-responsive">
                    <div class="blog-text wow fadeInLeft">
                        <span><i class="fa fa-eye"></i> 249 看过</span><span><i class="fa fa-comments-o"></i> 08 评论</span>
                        <h4>NBA正版篮球，共享出租</h4>
                        <a class="btn-blog-bg" href="#">查看更多</a>
                    </div>
                </div><!--- END SINGLE BLOG POST -->
            </div><!--- END COL -->
            <div class="col-md-4 col-sm-4 col-xs-12">
                <div class="single_blog">
                    <img src="assets/img/electron/1.jpg" alt="" class="img-responsive">
                    <div class="blog-text wow fadeInLeft">
                        <span><i class="fa fa-eye"></i> 249 看过</span><span><i class="fa fa-comments-o"></i> 08 评论</span>
                        <h4>出租智能手机，学习游戏两不误</h4>
                        <a class="btn-blog-bg" href="#">查看更多</a>
                    </div>
                </div><!--- END SINGLE BLOG POST -->
            </div><!--- END COL -->
        </div><!--- END ROW -->
    </div><!--- END CONTAINER-->
</section>
<!-- END HOME BLOG DESING  -->

<!--商品列表-->
<!-- START WORKS -->
<section id="portfolio" class="works_area section-padding">
    <div class="container">
        <div class="row text-center">
            <div class="section-title text-center wow zoomIn">
                <h2>共享商品</h2>
                <span></span>
                <p>通过全方位的商品收集，使广大师生清晰明了的选择中意的商品</p>
            </div>
            <div class="col-md-12">
                <div class="our_work_menu">
                    <ul>
                        <li class="filter" data-filter=".book" >图书资料</li>
                        <li class="filter" data-filter=".sport">体育用品</li>
                        <li class="filter" data-filter=".dizi">电子科技</li>
                        <li class="filter" data-filter=".life">生活周边</li>
                    </ul>
                </div>
            </div><!--- END COL -->
            <div class="work_all_item">
                <div class="grid-item col-md-4 col-sm-4 col-xs-12 mix life">
                    <div class="single_our_work">
                        <div class="sing_work_photo">
                            <figure>
                                <img src="assets/img/life/1.jpg" alt="img">
                                <div class="sing_work_text_link">
                                    <div class="sing_work_content_wrap">
                                        <div class="sing_work_content">
                                            <h4>女士自行车</h4>
                                            <p>每日租金只需1元</p>
                                            <div class="sing_link_img">
                                                <a href="assets/img/life/1.jpg" class="lightbox search" data-gall="gall-work"><i class="fa fa-eye"></i></a>
                                                <a href="single_project.html" target="_blank" class="link"><i class="fa fa-link"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </figure>
                        </div>
                    </div>
                </div><!--- END COL -->
                <div class="grid-item col-md-4 col-sm-4 col-xs-12 mix life">
                    <div class="single_our_work">
                        <div class="sing_work_photo">
                            <figure>
                                <img src="assets/img/life/2.jpg" alt="img">
                                <div class="sing_work_text_link">
                                    <div class="sing_work_content_wrap">
                                        <div class="sing_work_content">
                                            <h4>跑车</h4>
                                            <p>每日租金0.9元</p>
                                            <div class="sing_link_img">
                                                <a href="assets/img/life/2.jpg" class="lightbox search" data-gall="gall-work"><i class="fa fa-eye"></i></a>
                                                <a href="single_project.html" target="_blank" class="link"><i class="fa fa-link"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </figure>
                        </div>
                    </div>
                </div><!--- END COL -->
                <div class="grid-item col-md-4 col-sm-4 col-xs-12 mix book">
                    <div class="single_our_work">
                        <div class="sing_work_photo">
                            <figure>
                                <img src="assets/img/book/1.jpg" alt="img">
                                <div class="sing_work_text_link">
                                    <div class="sing_work_content_wrap">
                                        <div class="sing_work_content">
                                            <h4>大量课外图书</h4>
                                            <p>每本每日0.1元</p>
                                            <div class="sing_link_img">
                                                <a href="assets/img/book/1.jpg" class="lightbox search" data-gall="gall-work"><i class="fa fa-eye"></i></a>
                                                <a href="single_project.html" target="_blank" class="link"><i class="fa fa-link"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </figure>
                        </div>
                    </div>
                </div><!--- END COL -->
                <div class="grid-item col-md-4 col-sm-4 col-xs-12 mix book">
                    <div class="single_our_work">
                        <div class="sing_work_photo">
                            <figure>
                                <img src="assets/img/book/2.jpg" alt="img">
                                <div class="sing_work_text_link">
                                    <div class="sing_work_content_wrap">
                                        <div class="sing_work_content">
                                            <h4>休闲书籍</h4>
                                            <p>每本每日0.1元租金</p>
                                            <div class="sing_link_img">
                                                <a href="assets/img/book/2.jpg" class="lightbox search" data-gall="gall-work"><i class="fa fa-eye"></i></a>
                                                <a href="single_project.html" target="_blank" class="link"><i class="fa fa-link"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </figure>
                        </div>
                    </div>
                </div><!--- END COL -->
                <div class="grid-item col-md-4 col-sm-4 col-xs-12 mix sport">
                    <div class="single_our_work">
                        <div class="sing_work_photo">
                            <figure>
                                <img src="assets/img/sport/1.jpg" alt="img">
                                <div class="sing_work_text_link">
                                    <div class="sing_work_content_wrap">
                                        <div class="sing_work_content">
                                            <h4>正版篮球</h4>
                                            <p>每日租金1元</p>
                                            <div class="sing_link_img">
                                                <a href="assets/img/sport/1.jpg" class="lightbox search" data-gall="gall-work"><i class="fa fa-eye"></i></a>
                                                <a href="single_project.html" target="_blank" class="link"><i class="fa fa-link"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </figure>
                        </div>
                    </div>
                </div><!--- END COL -->
                <div class="grid-item col-md-4 col-sm-4 col-xs-12 mix dizi">
                    <div class="single_our_work">
                        <div class="sing_work_photo">
                            <figure>
                                <img src="assets/img/electron/1.jpg" alt="img">
                                <div class="sing_work_text_link">
                                    <div class="sing_work_content_wrap">
                                        <div class="sing_work_content">
                                            <h4>智能手机</h4>
                                            <p>每日仅需1元</p>
                                            <div class="sing_link_img">
                                                <a href="assets/img/electron/1.jpg" class="lightbox search" data-gall="gall-work"><i class="fa fa-eye"></i></a>
                                                <a href="single_project.html" target="_blank" class="link"><i class="fa fa-link"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </figure>
                        </div>
                    </div>
                </div><!--- END COL -->
            </div><!--- END WORK ALL ITEM -->
        </div><!--- END ROW -->
        <div class="portfolio_btn text-center">
            <a href="shopping/shop.html" class="btn-portfolio-bg">查看更多</a>
        </div>
    </div><!--- END CONTAINER-FLUID -->
</section>
<!-- END WORKS -->

<!-- 关于 -->
<section id="about" class="about-us section-padding">
    <div class="container">
        <div class="row text-center">
            <div class="section-title wow zoomIn">
                <h2>关于我们</h2>
                <span></span>
                <p>用人人可负担得起的价格提供线上智能共享平台服务，让校园内的闲置物品更少，减少环境污染，提高资源利用率，让我们的校园变得更加美好！</p>
            </div>
            <div class="col-md-3 col-sm-3 col-xs-12">
                <div class="about_single wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.1s" data-wow-offset="0">
                    <i class="fa fa-tablet"></i>
                    <h4>我们的使命</h4>
                    <span></span>
                    <p>让新的生活方式充满整个校园！</p>
                </div>
            </div><!--- END COL -->
            <div class="col-md-3 col-sm-3 col-xs-12">
                <div class="about_single wow fadeInDown" data-wow-duration="1s" data-wow-delay="0.1s" data-wow-offset="0">
                    <i class="fa fa-umbrella"></i>
                    <h4>我们的目标</h4>
                    <span></span>
                    <p>共享让生活更美好！</p>
                </div>
            </div><!--- END COL -->
            <div class="col-md-3 col-sm-3 col-xs-12">
                <div class="about_single wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.1s" data-wow-offset="0">
                    <i class="fa fa-code"></i>
                    <h4>我们的历史</h4>
                    <span></span>
                    <p>18年10月1日我们的网站开始孵化！</p>
                </div>
            </div><!--- END COL -->
            <div class="col-md-3 col-sm-3 col-xs-12">
                <div class="about_single wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.1s" data-wow-offset="0">
                    <i class="fa fa-building-o"></i>
                    <h4>我们的团队</h4>
                    <span></span>
                    <p>一个充满活力、梦想、激情、勇气的团队！</p>
                </div>
            </div><!--- END COL -->
        </div><!--- END ROW -->
    </div><!--- END CONTAINER -->
</section>
<!-- END ABOUT -->

<!-- 网站建设联系 -->
<div class="contact-address">
    <div class="container">
        <div class="row text-center">
            <div class="col-md-3 col-sm-6 col-xs-12">
                <div class="single_address">
                    <i class="fa fa-phone"></i>
                    <p>(+1) 740-395-3829</p>
                </div>
            </div><!-- END COL  -->
            <div class="col-md-3 col-sm-6 col-xs-12">
                <div class="single_address">
                    <i class="fa fa-rocket"></i>
                    <p>银河太阳系地球村XXX号SPF工作室</p>
                </div>
            </div><!-- END COL  -->
            <div class="col-md-3 col-sm-6 col-xs-12">
                <div class="single_address">
                    <i class="fa fa-envelope"></i>
                    <p>Info@Alvida.com</p>
                </div>
            </div><!-- END COL  -->
            <div class="col-md-3 col-sm-6 col-xs-12">
                <div class="single_address">
                    <i class="fa fa-clock-o"></i>
                    <div id="times" style="color: white"></div>
                </div>
            </div><!-- END COL  -->
        </div><!--END  ROW  -->
    </div><!-- END CONTAINER  -->
</div>
<!-- END CONTACT ADDRESS -->

<!-- Latest jQuery -->
<script src="assets/js/jquery-1.12.4.min.js" type="text/javascript"></script>
<!-- Latest compiled and minified Bootstrap -->
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<!-- modernizer(HTML5和css的功能检测库) JS -->
<script src="assets/js/modernizr-2.8.3.min.js"></script>
<!-- venobox js -->
<script src="assets/venobox/js/venobox.min.js"></script>
<!-- jquery appear js (一个强大的和敏捷的内容出现在滚动（或其他事件触发）jQuery插件) -->
<script src="assets/js/jquery.appear.js"></script>
<!-- countTo js (图片查看jQuery插件)-->
<script src="assets/js/jquery.inview.min.js"></script>
<!-- jquery mixitup js (图片动态分类效果显示插件)-->
<script src="assets/js/jquery.mixitup.js"></script>
<!-- owl-carousel min js  -->
<script src="assets/owlcarousel/js/owl.carousel.min.js"></script>
<!-- scrolltopcontrol js -->
<script src="assets/js/scrolltopcontrol.js"></script>
<!-- WOW - 滚动时显示动画 -->
<script src="assets/js/wow.min.js"></script>
<!-- form-contact js -->
<script src="assets/js/form-contact.js"></script>
<!-- switcher js -->
<script src="assets/js/switcher.js"></script>
<!--注册登录框-->
<script src="assets/layer/layer.js" type="text/javascript"></script>
<!-- scripts js -->
<script src="assets/js/scripts.js"></script>
<script type="text/javascript">
    function logo() {
        //iframe窗
        layer.open({
            type: 2,
            title: '登录',
            shadeClose: true,
            shade: false,
            maxmin: true, //开启最大化最小化按钮
            area: ['500px', '600px'],
            content: ['logo.html', 'no'], //iframe的url，no代表不显示滚动条
        });
    };
    var timestamp = (Date.parse(new Date())).toString();
    var tt = parseInt(timestamp.substring(0, 10));
    var i=0;
    setInterval(t(),1000);
    function t() {
        now=new Date((tt+i+28800)*1000);
        i++;
        document.getElementById("times").innerHTML=now.toUTCString();
    }
</script>
</body>
</html>